<template>
  <div class="container">
    <div class="from-menu">
        <a href="javascript:;" class="iconfont icon-search"></a>
        <input type="text"  class="input-menu" placeholder="请输入..." >
    </div>
  </div>
</template>
<script>

export default {
    name: 'search',
    components: { },
    data() { 
        return {
        
        } 
    },
    mounted() {

    },
    methods: {
     
    }
}
</script>

<style lang="scss" scoped>
    .container{
        padding:0.5rem 1rem;
        box-sizing:border;
        width:100%;
        background:#4fc08d;
        .from-menu{
            position:relative;
            .icon-search:before{
                position:absolute;
                top:0.3rem;
                left:0.4rem;
                color:#999;
            }
            .input-menu{
                width:100%;
                line-height:1.8rem;
                padding:0 0 0 1.6rem;
                box-sizing:border-box;
                border-radius:10px;
            }
        }
    }
</style>
